<template>
    <div id="LiveDayrecommend">
        <el-steps :space="200" direction="vertical">
            <el-step v-for="v in StepData" :key="v">
                <template slot="title">
                    <img :src="v.stepimg1" alt="Step 1" class="step-image"> <span class="step-p">{{ v.stepp1 }}</span>
                </template>
            </el-step>
        </el-steps>
    </div>
</template>
<script>
export default {
    data() {
        return {
            StepData: [],
            StepArr: []
        }
    },
    methods: {
    },
    mounted() {
        this.StepData=this.$route.query.data
    }
}
</script>
<style lang="less">
#LiveDayrecommend {
    .el-steps {
        margin-left: 60px;

        .step-p {
            color: black;
            margin-bottom: 90px;
        }

        .step-image {
            width: 200px;
            height: 150px;
            margin-right: 10px;
        }
    }

}
</style>